<template>
  <a-layout id="components-layout-demo-custom-trigger">
    <!-- 菜单栏组件 -->
    <slider-container />
    <a-layout>
      <!-- 头部组件 -->
      <header-container />
      <a-layout-content
        :style="{ margin: '24px 16px', padding: '24px', background: '#fff', minHeight: '280px' }"
      >
        <router-view></router-view>
      </a-layout-content>
    </a-layout>
    <template>
      <memo-modal></memo-modal>
      <shop-modal></shop-modal>
    </template>
  </a-layout>
</template>
<script>
import ShopModal from '@/components/modals/ShopModal'
import MemoModal from '@/components/modals/MemoModal'
import sliderContainer from './Slider'
import headerContainer from './Header'
import { Test } from '@/libs/js/common'
export default {
  components: {
    sliderContainer,
    headerContainer,
    MemoModal, // 弹窗组件
    ShopModal
  },
  created () {
    let test = new Test()
    console.log(test.add(1, 2), '这是实例上面的操作')
  }
}
</script>
<style>

</style>
